body {
  padding-top: 70px;
  padding-bottom: 30px;
  font-size: 13px;
}
ul,li{
    margin:0;
    padding:0;
}

.theme-dropdown .dropdown-menu {
  position: static;
  display: block;
  margin-bottom: 20px;
}

.theme-showcase > p > .btn {
  margin: 5px 0;
}

.theme-showcase .navbar .container {
  width: auto;
}

/* override angular-loading-bar style */
#loading-bar .bar{
    height:5px;
}
#loading-bar .peg{
    height:5px;
}
#loading-bar-spinner {
  top:unset;
  bottom:10px;
}
#loading-bar-spinner .spinner-icon{
    width:32px;
    height:32px;
}

.progress{
    margin-bottom: 0px;
    position: relative;
}
.progress .progress-bar{
    min-width: 2em;
    font-size: 0.9em;
}
.navbar-nav>li>a{
    font-size:1.1em;
}

/*--------------------------------*/

.my-panel{
    margin-bottom:10px;
}
.my-panel table.table tr td:nth-child(1){
    width:15%;
}
.my-panel table.table tr td:nth-child(2){
    width:80%;
}
.my-panel table.table tr td:nth-child(3){
    width:5%;
}
@media screen and (max-width: 450px) {
    .my-panel table.table tr td:nth-child(1){
        width:25%;
    }
    .my-panel table.table tr td:nth-child(2){
        width:65%;
    }
    .my-panel table.table tr td:nth-child(3){
        width:10%;
    }
}
.my-panel td .my-label-btn{
    margin:1px;
    padding:3px 5px;    
}
.my-panel td .my-label-btn span{
    color:#337ab7;
}
.my-panel .panel-heading{
    position: relative;
    padding-left: 10px;    
}
.my-panel .panel-heading-clicked{
    cursor:pointer;
}
.my-panel .panel-heading .panel-title{
    font-size:14px;
}
.my-panel .glyphicon-play{
    color: #5cb85c;
}
.my-panel .glyphicon-info-sign{
    color: #d9534f;
}
.my-panel .my-panel-dropdown{
    position: absolute;
    right: 10px;
    top: 10px;
    text-align: right;
}
.my-panel .my-panel-dropdown a{
    font-size:1.0em;
}
.my-panel .my-panel-dropdown .dropdown-menu{
    left:-131px;
}
.my-panel .my-method-badge{
    position:absolute;
    left:10px;
    top:10px;
}
.my-head-url{
    overflow:hidden;
    text-overflow:ellipsis;
    text-indent:50px;
    white-space:nowrap;
}
.my-head-url span{
    /*text-shadow:1px 1px #c8c8c8;*/
}
.my-ping-row{
    margin-top:10px;
}
.console-output p{
    line-height:16px;
}
.my-alert{
    display:block;width:250px;position:fixed;right:10px;bottom:10px;
}
.my-alert .alert{
    margin-bottom: 0px;
}
/*-------------------------*/
.my-modal ul{
    list-style-type:none;
}
.my-modal .modal-body li{
    font-size:0.9em;
    line-height:1.6em;
}
@media screen and (max-width: 450px) {
    .my-modal .modal-body li {
        font-size: 0.8em;
        line-height: 1.5em;
    }
}
.my-modal .modal-body li span:nth-child(1){
    margin-right:10px;
    color:#808080;
}
.my-modal .progress{
    margin-top:2px;
    margin-bottom:2px;
}
.my-progress-time{
    position:absolute;
    line-height:20px;
    font-size:0.8em;
    color:#C0C0C0;
    right:2px;
}

@media screen and (min-width: 450px) {
    .my-box-progress {
        width: 350px;
    }
}
.my-box-progress{
    margin-bottom:2px;
}
.my-box-progress:last-of-type{
    margin-bottom:unset;
}